<style>
    .ly-page-main {
        display: flex;
        align-items: center;
    }

    .ly-exception {
        flex: 1;
        display: contents;
    }

    .ly-exception-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        width: 62.5%;
        padding-right: 152px;
        zoom: 1;
    }

    .ly-exception-img-element {
        float: right;
        width: 100%;
        max-width: 430px;
        height: 360px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }

    .ly-exception-content {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .ly-exception-content h1 {
        margin-bottom: 24px;
        color: #515a6e;
        font-weight: 600;
        font-size: 72px;
        line-height: 72px;
    }

    .ly-exception-content-desc {
        margin-bottom: 16px;
        color: #808695;
        font-size: 20px;
        line-height: 28px;
    }
</style>
<template>
    <ly-page>
        <div class="ly-exception">
            <div class="ly-exception-img">
                <div class="ly-exception-img-element"
                     :style="{'background-image': 'url('+img+')'}"></div>
            </div>
            <div class="ly-exception-content"><h1>{{code}}</h1>
                <div class="ly-exception-content-desc">{{message}}</div>
                <el-button @click="toHome" size="medium" type="primary">返回首页</el-button>
            </div>
        </div>
    </ly-page>

</template>
<script>
    //这里定义组件
    Rap.define('', [], function () {
                return {
                    name: 'ly-exception',
                    data: function () {
                        return Ly.errorInfo
                    },init:function () {

                    },methods:{
                        toHome:function (){
                            location.href = location.origin;
                        }
                    }
                }
            }
    )
</script>